<template>
  <div class="gonggaotaian">
    <div class="fwwccwh">
      <div class="labadiv" :style="labadivstyle"></div>
      <div class="gonggaotaiancontent" :style="gonggaotaiancontentstyle" v-html="warnmsg">
      </div>
    </div>
  </div>
</template>
<script>
import commonmixins from "@/mixins/bigScreen/commonmixins";

export default {
  name: "zjngonggao",
  mixins: [commonmixins],
  components: {},
  data() {
    return {
      warnmsg: '',
      labadivstyle: {
        height: "20px",
        width: "20px",
      },
      gonggaotaiancontentstyle: {
        fontSize: "15px",
      },
    };
  },
  computed: {},
  watch: {
    // "$store.state.daping.bigScreen": {
    //   handler: function(n, o) {
    //     this.warnmsg = '' + n.filter(v => v.attrName === 'note_events')[0].attrValue;
    //   }
    // }
  },
  mounted() {
    this.loadData();
  },
  methods: {
    loadData() {
      this.gonggaotaiancontentstyle.fontSize = this.scale * 15 + "px";
      this.labadivstyle.height = this.getscalepxc(17);
      this.labadivstyle.width = this.getscalepxc(17);
      this.warnmsg = '已安全运行100天'
    },
  },
};
</script>
<style lang='scss' scoped>
.gonggaotaiancontent {
  color: white;
}
.labadiv {
  background-image: url("/configuration/2d/laba.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.gonggaotaian {
  background-image: url("/configuration/2d/gonggao.png");
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
</style>